/*! v-1.0.0, by Cai Jieying */
@charset "UTF-8";
/*-start:Eric Meyer’s CSS 清零代码-*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p, ul, h3, h1, h2, font {
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  font-size: 1em; }

/*-end:Eric Meyer’s CSS 清零代码-*/
html {
  font-family: -apple-system,sans-serif;
  height: 100%;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none; }

body {
  height: 100%;
  overflow: hidden; }

@charset "UTF-8";
/*-start:loading-*/
.padt_loading {
  background: url();
  background-size: 0.5rem;
  height: 0.5rem;
  left: 50%;
  margin: -0.25rem 0 0 -0.25rem;
  position: absolute;
  top: 50%;
  width: 0.5rem;
  z-index: 1000; }

@-webkit-keyframes padtLoadingRotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@keyframes padtLoadingRotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

.padt_loading span {
  -webkit-animation: padtLoadingRotate 1s linear infinite;
          animation: padtLoadingRotate 1s linear infinite;
  background: url();
  background-size: 0.5rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem; }

/*-end:loading-*/
/*-start:toast-*/
.padt_toast {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.15rem;
  color: #fff;
  font-size: 0.3rem;
  left: 50%;
  line-height: 1.375em;
  margin-left: -7.75em;
  padding: .75em;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 14em;
  z-index: 1000; }

/*-end:toast-*/
/*-start:预加载-*/
.padt_preload {
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important; }

/*-end:预加载-*/
/*-start:常用动画-*/
@-webkit-keyframes padtShow {
  0% {
    opacity: 0; } }
@keyframes padtShow {
  0% {
    opacity: 0; } }

@-webkit-keyframes padtHide {
  100% {
    opacity: 0; } }

@keyframes padtHide {
  100% {
    opacity: 0; } }

@-webkit-keyframes padtDrop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
            transform: translate3d(-50%, -150%, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -48%, 0);
            transform: translate3d(-50%, -48%, 0); }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -51.5%, 0);
            transform: translate3d(-50%, -51.5%, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -49%, 0);
            transform: translate3d(-50%, -49%, 0); }
  85% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50.5%, 0);
            transform: translate3d(-50%, -50.5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

@keyframes padtDrop {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -150%, 0);
            transform: translate3d(-50%, -150%, 0); }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -48%, 0);
            transform: translate3d(-50%, -48%, 0); }
  55% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -51.5%, 0);
            transform: translate3d(-50%, -51.5%, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -49%, 0);
            transform: translate3d(-50%, -49%, 0); }
  85% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50.5%, 0);
            transform: translate3d(-50%, -50.5%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

@-webkit-keyframes padtShake {
  0%, 2%, 4%, 6%, 8%, 10%, 12% {
    -webkit-transform: translate3d(1.5%, 0, 0);
            transform: translate3d(1.5%, 0, 0); }
  1%, 3%, 5%, 7%, 9%, 11%, 13% {
    -webkit-transform: translate3d(-1.5%, 0, 0);
            transform: translate3d(-1.5%, 0, 0); }
  14%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes padtShake {
  0%, 2%, 4%, 6%, 8%, 10%, 12% {
    -webkit-transform: translate3d(1.5%, 0, 0);
            transform: translate3d(1.5%, 0, 0); }
  1%, 3%, 5%, 7%, 9%, 11%, 13% {
    -webkit-transform: translate3d(-1.5%, 0, 0);
            transform: translate3d(-1.5%, 0, 0); }
  14%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/*-end:常用动画-*/
/*-start:常用动画class-*/
.padt_no_anim {
  -webkit-animation: none !important;
          animation: none !important; }

.padt_show {
  -webkit-animation: padtShow .3s;
          animation: padtShow .3s; }

.padt_hide {
  -webkit-animation: padtHide .3s forwards;
          animation: padtHide .3s forwards;
  pointer-events: none; }

.padt_drop {
  -webkit-animation: padtDrop .5s .1s backwards;
          animation: padtDrop .5s .1s backwards;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.padt_shake {
  -webkit-animation: padtShake 3s infinite;
          animation: padtShake 3s infinite; }

/*-end:常用动画class-*/
.padt_con {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%; }

.padt_cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.padt_square {
  left: 0;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

.padt_center {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.padt_center_x {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.padt_center_y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/*-start:flex-*/
.padt_flex_l, .padt_flex_c, .padt_flex_r {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row; }

.padt_flex_l {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start; }

.padt_flex_c {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center; }

.padt_flex_r {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }

.padt_flex_item_g {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1; }

/*-end:flex-*/
/*-start:遮罩-*/
.padt_overlay {
  -webkit-animation: padtShow .3s;
          animation: padtShow .3s;
  background: #000;
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%; }

/*-end:遮罩-*/
.padt_clearfix:after {
  clear: both;
  content: '';
  display: block; }

/*-start:×-*/
.padt_cross {
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.padt_cross:before, .padt_cross:after {
  background: currentColor;
  content: '';
  position: absolute; }

.padt_cross:before {
  height: 100%;
  left: 47%;
  top: 0;
  width: 6%; }

.padt_cross:after {
  height: 6%;
  left: 0;
  top: 47%;
  width: 100%; }

/*-end:×-*/
/*-start:箭头-*/
.padt_l_arrow:before, .padt_r_arrow:after {
  border-top: 1px solid currentColor;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: .55em;
  vertical-align: middle;
  width: .55em; }

.padt_l_arrow:before {
  border-left: 1px solid currentColor;
  -webkit-transform: translateY(-15%) rotate(-45deg);
          transform: translateY(-15%) rotate(-45deg); }

.padt_r_arrow:after {
  border-right: 1px solid currentColor;
  -webkit-transform: translateY(-15%) rotate(45deg);
          transform: translateY(-15%) rotate(45deg); }

/*-end:箭头-*/

@charset "UTF-8";
/*-start:开始游戏-*/
.cjy_panel {
  width: 100%;
  height: 100%;
  background-color: #f9c04c;
  position: relative; }
  .cjy_panel .start_btn, .cjy_panel .music_btn {
    background: #fce3af;
    padding: 0.1rem 0.2rem;
    font-size: 0.5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .cjy_panel .start_btn a, .cjy_panel .music_btn a {
      text-decoration: none;
      color: #755004; }
  .cjy_panel .start_btn {
    bottom: 50%; }
  .cjy_panel .music_btn {
    bottom: 30%; }

/*-end:开始游戏-*/
/*-start: 游戏结束弹窗-*/
.cjy_popup {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none; }
  .cjy_popup .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .cjy_popup .content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-size: 0.8rem; }
  .cjy_popup.show {
    display: block; }

/*-end: 游戏结束弹窗-*/

